
.scroll-bar::-webkit-scrollbar{width: 2px;background-color: #eee; }
/*定义滚动条轨道 内阴影+圆角*/
.scroll-bar::-webkit-scrollbar-track{border-radius: 5px;background-color: #eee;}
/*定义滑块 内阴影+圆角*/
.scroll-bar::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #666;}

/*主页导航*/
#index_nav_bar{width:100%;min-width:1200px;height:70px;position: relative;z-index: 9;}
#index_nav_bar .logo{width:190px;height:53px;margin-top: 9px;}
#index_nav_bar .all_nav{width:180px;padding-left:20px;height:70px;font-size: 16px;line-height: 70px;color:#fff;position:relative;}
#index_nav_bar .all_nav .all_class{font-size: 14px;}
#index_nav_bar .all_nav .all_class img{position:relative;top: 1px;margin-right: 5px;}
#index_nav_bar .all_nav .all_class span{cursor: pointer;}
#index_nav_bar .nav_box .link{font-size: 16px;line-height: 70px;color:#fff;padding:0 20px;position: relative;}
#index_nav_bar .nav_box .link:hover:after,
#index_nav_bar .nav_box .link.active:after{content:'';position: absolute;width:22px;height:4px;top:50px;left:50%;margin-left: -11px;background: #fff;}
/*主页banner*/
#index_banner{width:100%;min-width:1200px;}
#index_banner img{width:100%;display: block;}
.index-swiper-pagination{text-align: center;position: absolute;width: 100%;bottom: 0;z-index: 9;}
/*课程列表*/
.bigtitle{font-size: 32px;color:#333;text-align: center;margin:45px 0;position: relative;}
.bigtitle:after{content:'';position: absolute;width:30px;height:6px;top:55px;left:50%;margin-left: -15px;background: #EE5050;border-radius: 100px;}
.stitle{font-size: 18px;color:#333;text-align: center;margin:25px 0;position: relative;}
.stitle:after{content:'';position: absolute;width:14px;height:3px;top:25px;left:50%;margin-left: -7px;background: #EE5050;border-radius: 100px;}


.class_list{width:100%;}
.class_list:after{content: '';display: block;clear: both;}
.class_list .class_item{width:386px;height:315px;overflow:hidden;margin-right:14px;margin-bottom:20px;float:left;}
.class_list .class_item:nth-of-type(3n){margin-right:0;}
.class_list .class_item .img_box{display: block;width:386px;height:243px;overflow: hidden;}
.class_list .class_item .img_box img{display: block;width:100%;height:100%;}
.class_list .class_item .class_desc{display: block;font-size:18px;margin-top:9px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.class_list .class_item .class_price{display: block;height:35px;font-size: 14px;}
.class_list .class_item .class_price .money{color:#e4393c;}
.class_list .class_item .class_price .money .m{font-size: 28px;}
.class_list .class_item .class_price .tag{background: #F83244;padding:0 5px;color:#fff;position: relative;top: -3px;margin-left: 10px;}
.class_list .class_item .class_price .huibi{color:#999;float:right;margin-top: 13px;}
.pinpai .item{width:25%;padding:10px 80px 50px;text-align: center;float:left;box-sizing:border-box;}
.pinpai .item img{width:88px;height:88px;}
.pinpai .item .t{font-size: 18px;line-height: 2;}
.pinpai .item .c{font-size: 14px;line-height: 1.5;color: #999;}
.btns{width:143px;height:50px;border-radius: 80px;background: #EE5050;color:#fff;display: block;text-align: center;line-height: 50px;margin:30px auto 50px;}

.anli-swiper{height:750px;position: relative;}
.anli-swiper .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.anli-swiper .swiper-slide {background-size: cover;background-position: center;}
.anli-swiper .gallery-top {height: 80%;width: 100%;}
.anli-swiper .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.anli-swiper .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.anli-swiper .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.anli-thumb .item{width:590px;margin-right: 20px;}
.anli-thumb .item:nth-of-type(2n){margin-right: 0;}
.anli-thumb .item img{width:590px;height:394px;}

.anli-list{padding-bottom: 100px;}
.anli-list .item{width:387px;margin-right: 19px;position: relative;}
.anli-list .item:nth-of-type(3n){margin-right: 0;}
.anli-list .item img{width:387px;height:252px;}
.anli-list .item .anli-mask{width:387px;height:252px;background: rgba(0,0,0,0.5);padding:1px;position: absolute;top: 0;left: 0;display: none;}
.anli-list .item:hover .anli-mask{display: block;}
.anli-list .item .anli-mask .btn{width:87px;height:36px;background: #ee5050;color:#fff;border-radius: 18px;font-size: 14px;line-height: 36px;text-align: center;display: block;margin:107px auto; }

.anli-xq{padding-top: 20px;width:880px;border-right:1px solid #eee;padding-right: 30px;box-sizing: border-box;}
.anli-xq .t{font-size: 18px;margin:10px 0;font-weight: bold;}
.anli-xq .content{font-size: 14px;line-height: 1.8;}
.anli-xq .content .c{text-align: center;}
.anli-xq .content img{display: block;max-width: 100%;margin:15px auto;}

.pinzhi{width: 100%;padding:1px 0;position:relative;margin-top:-1px;min-width: 1200px;height:312px;background: url(../images/pz-bg.jpg) no-repeat center center;background-size: auto 312px;}
.pinzhi .box{background: #fff;width:100%;height:250px;box-shadow: 0 0 15px #ddd;}
.pinzhi .box .item{width:20%;float:left;padding: 50px 0;font-size: 14px;line-height: 1.8;text-align: center;}
.pinzhi .box .item .thumb{height:100px;display: flex;align-items:center;justify-content:center;}

.fuwu{padding:80px 0;}
.fuwu .item{width:16.6666%;float: left;text-align: center;font-size: 16px;line-height:2;color:#666;position: relative;padding:50px 0;}
.fuwu .item .next{position: absolute;right:-10px;top:65px;}

.baoming{width:100%;height:123px;position: relative;bottom:0;background: rgba(25,25,25,0.80);color:#fff;z-index: 9;}
.baoming .shouji{width:186px;position: absolute;top:-74px;}
.baoming .form{width:715px;}
.baoming .input{width:173px;height:51px;background: #fff;padding:20px;box-sizing:border-box;font-size: 14px;margin-right: 20px;border:none;outline: none;float:left;}
.baoming .btn{border:none;outline: none;width:134px;height:51px;font-size: 16px;color:#fff; background-image: linear-gradient(-135deg, #EE5050 0%, #DD3030 100%);border-radius: 2px;float: left;}
.baoming .p{width:275px;}
.baoming .t{font-size: 18px;line-height: 3;}
.baoming .t1{font-size: 24px;line-height: 2;margin-top: 20px;}
.baoming .t{font-size: 18px;}

.footer{height:169px;background: #282828;}
.footer .top{height:15px;padding:25px 0;border-bottom: 1px solid #555;font-size: 12px;line-height: 15px;margin-bottom: 28px;}
.footer .link a{color:#999;margin-right: 33px;float:left;}
.footer .share img{margin-left: 20px;float:left;}
.footer p{font-size: 14px;color:#fff;text-align: center;line-height: 1.5;}

.right-icon{width:48px;position: fixed;bottom: 100px;right:0;z-index: 9999;}
.right-icon li{width:48px;height:48px;display: flex;align-items:center;justify-content:center;background: #161419;border-radius: 4px 0 0 4px;position: relative;margin-top: 10px;}
.right-icon li:hover{background: #EE5050;}
/*.right-icon li div{display: none;}*/
.right-icon li.r1 div{position: absolute;right:-168px;top:0;width:168px;height:48px;background: #ee5050;color:#fff;border-radius: 4px 0 0 4px;padding:0 12px;box-sizing:border-box;font-size: 16px;line-height: 48px;}
.right-icon li.r1 div img{position: relative;top:6px;margin-right: 5px;}
.right-icon li.r2 div{position: absolute;bottom:0;right:-106px;width:106px;height:106px;}
.right-icon li.r2 div img{width:100%;height:100%;}
.right-icon li.r1:hover div{animation: r1 0.3s;animation-fill-mode: forwards;}
.right-icon li.r2:hover div{animation: r2 0.5s;animation-fill-mode: forwards;}

@keyframes r1
{
from {right:-168px;}
to {right:0;}
}
@keyframes r2
{
from {right:-106px;}
to {right:60px;}
}



.btn-nav{padding:20px 0;overflow: hidden;}
.btn-nav .l{font-size: 14px;line-height: 2;padding:0 10px;border-radius:3px;margin-right: 20px;display: inline-block;}
.btn-nav .l.curr{background: #ee5050;color:#fff;}
.btn-nav .links{width:1100px;}

.fuwu_list{padding:20px 0 100px;}
.fuwu_list .item{width:590px;margin-right: 20px;float:left;margin-bottom: 20px;background: #fff;}
.fuwu_list .item:hover{position: relative;top:-2px;box-shadow: 0 0 15px #ddd;}
.fuwu_list .item:nth-of-type(2n){margin: 0;}
.fuwu_list .item .img_box{display: block;width:590px;height:394px;overflow: hidden;}
.fuwu_list .item .img_box img{display: block;width:100%;height:100%;}
.fuwu_list .item .txt{width:450px;line-height: 1.5;padding:15px;}
.fuwu_list .item .txt .t{font-size:18px;}
.fuwu_list .item .txt .c{font-size: 14px;color:#999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fuwu_list .item .btn{width:87px;height:36px;background: #ee5050;color:#fff;border-radius: 18px;font-size: 14px;line-height: 36px;margin-top: 27px;text-align: center;margin-right: 15px;}

.xinwen_list{width:880px;border-right:1px solid #eee;padding-right: 30px;box-sizing: border-box;}
.xinwen_list .item{padding:30px 0;border-bottom: 1px solid #eee;}
.xinwen_list .item .img_box{width:288px;height:145px;margin-right: 30px;}
.xinwen_list .item .img_box img{width:288px;height:145px;}
.xinwen_list .item .txt{font-size: 14px;color:#999;line-height: 1.8;width:530px;}
.xinwen_list .item .txt .t{font-size: 18px;color:#333;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 5px;line-height: 1.5;}
.xinwen_list .item .txt .c{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin:15px 0;}
.xinwen_list .item .txt .tag span{margin-right: 50px;}

.xinwen_right{width:320px;}
.xinwen_right .zuixin{padding:30px;padding-right:0;border-bottom: 1px solid #eee;}
.xinwen_right .txt{font-size: 20px;line-height: 1.5;margin-bottom: 20px;}
.xinwen_right .zuixin .item{font-size: 16px;line-height: 1.5;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;display: block;}
.xinwen_right .zuixin .item:last-child{margin-bottom: 0;border-bottom: 0;padding-bottom:0;}
.xinwen_right .xiangguan{padding:30px; padding-right:0;}
.xinwen_right .xiangguan .item{margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.xinwen_right .xiangguan .item:last-child{margin-bottom: 0;border-bottom: 0;padding-bottom:0;}
.xinwen_right .xiangguan .item .thumb{width:144px;height:72px;display: block;font-size: 0;}
.xinwen_right .xiangguan .item .thumb img{width:100%;height:100%;}
.xinwen_right .xiangguan .item .con{width:130px;padding-top: 2px;}
.xinwen_right .xiangguan .item .con .t{display: inline-block;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.xinwen_right .xiangguan .item .con .tag{color:#999;font-size: 12px;margin-top: 8px;}

.pinpai-pro .banner{width:100%;margin:20px 0;}
.pinpai-pro .item{padding:20px 0;}
.pinpai-pro .item img{float:left;width:447px;height:283px;}
.pinpai-pro .item img:nth-child(2n){margin-left: 40px;}
.pinpai-pro .item img:nth-child(2n-1){margin-right: 40px;}
.pinpai-pro .item .txt{float:left;width:713px;border-bottom: 1px solid #ddd;line-height: 2;padding:50px 0 25px;}
.pinpai-pro .item .txt .t{font-size: 18px;margin-bottom: :10px;}
.pinpai-pro .item .txt:nth-child(2n-1) .t{text-align: right;}
.pinpai-pro .item .txt .c{font-size: 14px;color:#666;}
.pinpai-pro .item.last img{width:660px;height:572px;}
.pinpai-pro .item.last .txt{width:500px;border:none;padding-top: 230px;}

.lianxi .lian .item{width:400px;float: left;margin-bottom:20px;}
.lianxi .t{font-size: 18px;line-height: 2;}
.lianxi .c{font-size: 14px;color:#999;line-height: 2;}

.jiameng .tj{background: url(../images/jm-bg.jpg) no-repeat;background-size: 100% 100%;padding:10px 35px;}
.jiameng .tj .in{background: #fff;font-size: 16px;line-height: 2.5;padding:15px 0;}
.jiameng form{width:476px;}
.jiameng form .s{width:213px;}
.jiameng form label{font-size: 14px;line-height: 1.5;margin:15px 0 10px;display: block;}
.jiameng form input{font-size: 14px;width:100%;height:44px;padding:10px;box-sizing:border-box;background:#eee;border-radius: 4px;display: block;}
.jiameng form textarea{font-size: 14px;width:100%;padding:10px;box-sizing:border-box;background:#eee;border-radius: 4px;display: block;}
.jiameng form div{overflow: hidden;}
.jiameng form .btn{width:143px;height:50px;background: #EE5050;box-shadow: 0 2px 6px 0 rgba(248,50,68,0.50);border-radius: 100px;border:none;outline: none;color:#fff;font-size: 14px;margin-top: 30px;}
.jiameng img.float_r{margin-top: 30px;}

.pro{padding:30px 0;}
.pro .thumb{width:545px;height:409px;}
.pro .con{width:635px;}
.pro .con .t{font-size: 18px;line-height: 2;}
.pro .con .t .tag{font-size: 12px;line-height: 1.5;padding:0 5px;background: #ee5050;color:#fff;}
.pro .con .c{font-size: 14px;line-height: 2;color:#999;}
.pro .con .money{font-size: 14px;line-height: 2;color:#999;height:55px;margin:15px 0;background: #f3f3f3;padding:0 10px;box-sizing:border-box;}
.pro .con .money .float_r{padding-top: 20px;}
.pro .con .b{font-size: 28px;}
.pro .con .btn{width:143px;height:50px;background: #EE5050;box-shadow: 0 2px 6px 0 rgba(248,50,68,0.50);display:block;border-radius: 100px;border:none;outline: none;color:#fff;font-size: 14px;text-align: center;line-height: 50px;margin: 20px 0;}
.pro .con .img-tags{font-size: 12px;padding: 5px 0;}
.pro .con .img-tags .sp{display: inline-block;height:18px;line-height: 18px;margin-right: 40px;color:#999;}
.pro .con .img-tags .sp.red{color:#ee5050;}
.pro .con .img-tags .sp img{position: relative;top:4px;margin-right: 4px;}
.pro .con .img-tags.sh{margin-top: 15px;}
.pro .con .img-tags.sh .sp{margin-right: 20px;cursor: pointer;}

.zhuti-xq>.float_l{width:883px;}
.zhuti-xq>.float_l .tabBox{height:50px;font-size: 16px;line-height: 50px;overflow: hidden;background: #f3f3f3;border-bottom: 1px solid #f5f5f5;}
.zhuti-xq>.float_l .tabBox .tabBtn{width:20%;float:left;text-align: center;}
.zhuti-xq>.float_l .tabBox .tabBtn.curr{background:#EE5050;color:#fff;}
.dt{font-size: 16px;line-height: 1;margin:20px 0;display: block;padding-left: 20px;position: relative;}
.dt:before{content:'';width:5px;height:16px;position: absolute;top:0;left: 0;background: #ee5050;}
.zhuti-xq>.float_l .c{font-size: 16px;line-height: 2;}
.zhuti-xq>.float_l img{display: block;max-width: 100%;margin:10px auto;}

.rengongfuwu .item{width: 25%;float: left;background: #f3f3f3;}
.rengongfuwu .item img{width: 100%;height:220px;margin:0;}
.rengongfuwu .item .c{width: 100%;height:220px;box-sizing:border-box;text-align: center; padding:15px;overflow: hidden;font-size: 12px;line-height: 1.8;color:#666;}
.rengongfuwu .item .c .t{font-size: 20px;line-height: 1.5;margin-bottom: 10px;}

.jieda .item{background: rgba(238,80,80,0.10);margin-bottom: 20px;overflow: hidden;}
.jieda .item .t{font-size: 16px;padding:15px;color:#ee5050;}
.jieda .item .t .c9{color:#999!important;}
.jieda .item .c{font-size: 16px;color:#999;padding:15px;line-height: 1.5;display: none;padding-top: 0;}

.pingjia .box{padding:25px 0;border-bottom: 1px solid #f5f5f5;}
.pingjia .box>.float_l{width:58px;text-align: center;font-size: 14px;}
.pingjia .box>.float_l img{width:58px;height:58px;border-radius: 50%;margin-top: 0;}
.pingjia .box>.float_r{width:800px;}
.pingjia .box>.float_r .stars{margin-bottom: 10px;}
.pingjia .box>.float_r .stars .name{margin-right: 18px;color:#999;display: inline-block;}
.pingjia .box>.float_r .stars .name:last-child{margin-right: 0;}
.pingjia .box>.float_r .stars .name span{display: inline-block;}
.pingjia .box>.float_r .stars .name span.star{width:22px;height:22px;position: relative;top:5px; background: url(../images/pj-star-hot.png);background-size: 22px;}
.pingjia .box>.float_r .stars .name span.star.n1{width:22px;}
.pingjia .box>.float_r .stars .name span.star.n2{width:44px;}
.pingjia .box>.float_r .stars .name span.star.n3{width:66px;}
.pingjia .box>.float_r .stars .name span.star.n4{width:88px;}
.pingjia .box>.float_r .stars .name span.star.n5{width:110px;}
.pingjia .box>.float_r .c{font-size: 14px;line-height: 2;}

.woyaopingjia .name{margin-right: 18px;color:#999;display: inline-block;}
.woyaopingjia .name span{display: inline-block;}
.gx-star{width:110px;height:22px;background:url("../images/pj-star.png") repeat-x 0 0;background-size: 22px 22px;position:relative;top:-2px;display: inline-block;vertical-align: middle;}
.gx-star .hot{width:110px;height:100%;background:url("../images/pj-star-hot.png") repeat-x 0 0;background-size: 22px 22px;position:absolute;top:0;left:0;}
.gx-star>li{width:22px;height:22px;float:left;position: relative;z-index: 5;}
.gx-star>li>input[type='radio']{outline:none;display:block;width:100%;height:100%;background: none;border:none;-webkit-appearance: none;}
.woyaopingjia .textarea{width:100%;background: #f5f5f5;padding:20px;margin-top: 20px;box-sizing: border-box;}
.woyaopingjia .textarea textarea{width:100%;background: #f5f5f5;border:none;outline: none;}
.woyaopingjia .textarea .btn{width:93px;height:40px;background: #ee5050;border:none;outline: none;box-shadow: 0 2px 6px 0 rgba(248,50,68,0.50);color:#fff;margin-top:10px;border-radius: 100px;}

.zhuti-xq>.float_r{width:300px;}
.zhuti-xq>.float_r .t{height:50px;background: #f3f3f3;margin-bottom: 20px;font-size: 18px;line-height: 50px;text-align: center;}
.zhuti-xq>.float_r .class_item{margin-bottom: 20px;}
.zhuti-xq>.float_r .class_item .img_box{display: block;width:300px;height:190px;}
.zhuti-xq>.float_r .class_item .img_box img{display: block;width:100%;height:100%;}
.zhuti-xq>.float_r .class_item .class_desc{display: block;font-size:18px;margin-top:9px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.zhuti-xq>.float_r .class_item .class_price{display: block;height:35px;font-size: 14px;}
.zhuti-xq>.float_r .class_item .class_price .money{color:#e4393c;}
.zhuti-xq>.float_r .class_item .class_price .money .m{font-size: 28px;}
.zhuti-xq>.float_r .class_item .class_price .tag{background: #F83244;padding:0 5px;color:#fff;position: relative;top: -3px;margin-left: 10px;}
.zhuti-xq>.float_r .class_item .class_price .huibi{color:#999;float:right;margin-top: 13px;}

.select-city-box{width:800px;height:500px;position: absolute;z-index:8;top:70px;left:50%;margin-left: -500px;background: #fff;border:1px solid #eee;box-shadow: 0 0 20px #999;display: none;}
.select-city-box .close{width:30px;height:30px;position: absolute;top:5px;right:5px;background: url(../images/x.png) no-repeat center center;background-size:100% 100%;opacity: 0.6;}
.select-city-box .close:hover{opacity: 1;}
.select-city-box .citys{width:100%;height:100%;overflow-y:scroll;}
.select-city-box .sousuo{padding:15px;font-size: 14px;line-height: 40px;border-bottom: 1px solid #eee;}
.select-city-box .sousuo input{box-sizing: border-box;padding:0 10px;display: inline-block;width: 200px;height:40px;border:1px solid #ddd;outline: none;}
.select-city-box .sousuo a{padding:0 10px;display: inline-block;}
.select-city-box .zimu{padding:15px;border-bottom: 1px solid #eee;}
.select-city-box .zimu a{display: inline-block;width: 30px;height:30px;line-height: 30px;margin-right:5px;border:1px solid #999;background: #eee;text-align: center;}
.select-city-box .item{padding:15px;display: flex;border-bottom: 1px solid #eee;font-size: 14px;line-height: 30px;}
.select-city-box .item .zm{width:30px;text-align: center;}
.select-city-box .item .sheng{flex:1;}
.select-city-box .item .sheng .line{display: flex;}
.select-city-box .item .fl{width:80px;text-align: right;margin-right: 20px;font-weight: bold;}
.select-city-box .item .cs{flex:1;}
.select-city-box .item .cs a{padding:0 10px;display: inline-block;}
.select-city-box a.curr{background: #ee5050;color:#fff;}

